<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>EXAMEN VIRTUAL</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="shortcut icon" href="imagenes/logofisi.png"/> 
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
function enviar() {
  var nombre = document.getElementById("text1").value;
  if(nombre == ""){
  alert("Debes escribir el nombre de usuario");
  return false;}
  else
      return true;
}
</script>
</head>
<body>
<div id="content">
<!-- header -->
	<div id="headertop"><!-- encabezado 1 donde dentro de ello habrá botones home blog ... -->
		 <!-- menu donde estará los botones -->
   <!--         <div id="menu">  
			<ul>
				<li id="button1"><a href="#" title="">Home</a></li>
				<li id="button2"><a href="#" title="">Blog</a></li>
				<li id="button3"><a href="#" title="">Gallery</a></li>
				<li id="button4"><a href="#" title="">About</a></li>
				<li id="button5"><a href="#" title="">Contact</a></li>
			</ul>
		</div>-->
    <!-- letras para el enzabezado1-->
		<div id="logo">
			<!--<h1><a href="#">ftdworld</a></h1>
			<h2><a href="#">Small Company Slogan Goes Here</a></h2> -->
		</div>
	</div>  <!-- fin de headertop -->

	<div class="inner_copy"></div>
	<div style="clear:both;"></div>
	<div id="header"><!-- RECTANGULO ABAJO DE HEADER TOP CONTENEDOR DEL LOGIN  -->
           

		<div id="logform"><!-- CUADRO DE USER LOGIN MAS EL BUSCADOR  -->
			<div id="log_top"></div><!-- curvatura superior  para el login  -->
			<div id="log"><!-- cuadro interior de user login sin curvatura  -->
				<h3>User Login</h3>
                                <form id="form1" method="post" action="ServletControllerLoginAlumno" >
					<fieldset>
						<label for="text1">Username</label><br/><input id="text1" type="text" name="text1" value="" /><br/>
						<label for="text2">Password</label><br/><input id="text2" type="password" name="text2" value="" /><br/>
						<input type="submit" id="login-submit" value="" onclick="enviar()" />
					</fieldset>
				</form>
				<img src="imagenes/log_ls.png" title="" alt="" style="padding-right: 5px; padding-bottom: 2px;"/><a href="#">Create new account</a><br/>
				<img src="imagenes/log_ls.png" title="" alt="" style="padding-right: 5px; padding-bottom: 2px;"/><a href="#">Request new password</a>
			</div><!-- Fin log -->
			<div id="log_bot"></div><!-- curvatura INFERIOR  para el login  -->
			<!-- rectangulo de BUSCADOR abajo de login con las curvaturas -->
                        <!-- <div id="search">
				<form method="get" action="">
					<fieldset>
						<input type="text" name="s" id="search-text" size="15" />
						<input type="submit" id="search-submit" value="" />
					</fieldset>
				</form>
			</div> -->
                        <!-- fin search -->
			
		</div><!--FIN DE CUADRO DE USER LOGIN MAS BUSCADOR  -->

	</div><!-- FIN HEADER O CUADRO  -->

	<div id="main"><!-- CONTENEDOR DE LOS 2 CUADROS A LA IZQUIERDA Y 1 A LA DERECHA   -->
		<div id="leftcon"><!-- CUADRO DE LA IZQUIERDA ABAJO CON LOS DOS TITULOS Y TEXOS  -->
			<h5>OBJETIVO DEL SISTEMA</h5>
			<p>Mauris id lectus nibh, vitae laoreet ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
			<img src="imagenes/img01.jpg" title="" alt="" style="padding-right: 10px; padding-bottom: 10px; float:left;"/><!-- imagen de EDIFICIOS A LA IZQUIERDA -->
			<p>Aliquam consequat faucibus ornare. Curabitur convallis dolor nec dui laoreet a tempus mi bibendum. Curabitur auctor, felis eget tempor laoreet, tellus metus ornare lacus, suscipit tempus arcu nibh vitae risus. Ut ac vulputate felis. Sed condimentum pulvinar lectus, id convallis lacus vestibulum a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
			<p> Aliquam sit amet nulla est, at pellentesque mi. Mauris id lectus nibh, vitae laoreet ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed faucibus placerat odio sit amet ultrices. Aenean vitae elit lorem, vitae aliquet velit. Cras eros quam, elementum non fermentum vitae, rhoncus sed justo. Fusce fringilla risus in eros ullamcorper semper at non nisi.</p>
			<h5>DESARROLLADO POR ESTUDIANTES</h5>
                        <img src="imagenes/sm.png" title="" alt="" style="padding-right: 8px; padding-bottom: 7px; float:left;"/>
			<p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.</p>
			<p>Sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autemr in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat...</p>
		 <!--	<div class="readl"><a href="#">read more</a></div> -->
			<p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.</p>
			<p>Sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autemr in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat...</p>
		<!--	<div class="readl"><a href="#">read more</a></div> -->
                
		</div><!-- FIN DE LEFTCON  -->
		<div id="rightcon"><!-- CUADRO DE LA DERECHA ABAJO CON DOS SUB TITULOS Y TEXTOS  -->
			<h4>Sitios web relacionados</h4>
			<ul>
				<li>
					<a href="http://www.unmsm.edu.pe/" target="_blank" >UNIVERSIDAD NACIONAL MAYOR DE SAN MARCOS</a> <!-- ENLACE  -->
					<p>Praesent aliquet purus vitae mauris venenatis vehicula. Donec interdum euismod erat, eget viverra justo pulvinar quis. Ut nec dolor augue. Pellentesque sodales nulla eu orci blandit at mattis ligula convallis. Fusce ornare mauris sit...</p>
					<div class="readl"><a href="">read more</a></div>
				</li>
				<li>
					<a href="http://sistemas.edu.pe/" target="_blank">FACULTAD DE INGENERIA DE SISTEMAS E INFORMATICA</a><!-- ENLACE  -->
					<p>Praesent aliquet purus vitae mauris venenatis vehicula. Donec interdum euismod erat, eget viverra justo pulvinar quis. Ut nec dolor augue. Pellentesque sodales nulla eu orci blandit at mattis ligula convallis. Fusce ornare mauris sit...</p>
					<div class="readl"><a href="#">read more</a></div>
				</li>
			</ul>
		</div><!-- FIN  DE RIGHTCON  -->
		
		<div style="clear:both;"></div>

	</div> <!-- FIN MAIN  -->
	<div id="con_bot"></div> <!-- CURVATURA HACIA ABAJO DE COLOR BLANCO  -->

	<div id="footer"><!-- ULTIMA CUADRICULA DE ABAJO   -->
		<p>Copyright 2010. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
		<p>Design by <a href="http://www.flashtemplatesdesign.com/" title="Free Flash Templates"target="_blank" >Free Flash Templates</a></p>
		<p>Design by <a href="http://www.mejoresplantillasgratis.es" title="MPG - plantillas web y plantillas Flash" target="_blank">Plantillas Web Gratis</a> en MPG.</p>
	</div><!-- FIN FOOTER  -->

</div>
    
   

 

    
</body>
</html>